<template>
	<view class="title-view">
		<text class="title">{{title}}</text>
	</view>
</template>

<script>
	export default {
		name:"BannerView",
		props: {
			title: {
				type: String,
				default () {
					return ''
				}
			}
		},
	}
</script>

<style lang="scss" scoped>
	.title-view{
		width: 429rpx;
		height: 134rpx;
		background-repeat: no-repeat;
		background-size: 100% 100%;
		background-image: url('https://dotflat-saas-res.oss-cn-shanghai.aliyuncs.com/xybaby365/app/icons/yb_two_1.png');
	
		.title{
			position: absolute;
			left: 122rpx;
			top: 58rpx;
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 800;
			color: #552323;
			transform: rotate(-10deg);
			-ms-transform: rotate(-10deg);
			-moz-transform: rotate(-10deg);
			-webkit-transform: rotate(-10deg);
			-o-transform: rotate(-10deg);
		}
	}
</style>